/**
 * Created by Administrator on 2016/2/29.
 */
$(function(){
    var time = null;
    time = setTimeout(function(){
        $(".artist1").slideUp();
        $(".middle1").addClass("hide").siblings().removeClass("hide");
    },4000);
    $(".middle2").click(function(){
        $(".artist1").slideDown();
        $(this).addClass("hide").siblings().removeClass("hide");
    });
    $(".middle1").click(function(){
        $(".artist1").slideUp();
        $(this).addClass("hide").siblings().removeClass("hide");
    });



    $(".hidden li").hover(function(){
        $(this).css("opacity","0.9")
    },function(){
        $(this).css("opacity","0")
    })

    var scroll_top_duration = 700,
        $back_to_top = $('.cd-top');
    $back_to_top.on('click', function(event){
        event.preventDefault();
        $('body,html').animate({
                scrollTop: 0 ,
            }, scroll_top_duration
        );
    });

    // 轮播图
    var $sliderContainer = $('.hot-news'),
        $sliderImg = $('.pic-show'), 
        $sliderImgLi = $('li', $sliderImg),
        $img = $('.pic-show li img'),
        // $sliderBtn = $('.slider-btn'),
        $last = $('.last'),
        $next = $('.next'),
        imgWidth = 483,
        // imgWidth =  $img.width(),
        index = 0,
        timer = null;
        //console.log(imgWidth);
    $sliderImg.append($sliderImgLi.eq(0).clone())
                .width(($sliderImgLi.length+1) * imgWidth);

    $sliderContainer.hover(function(){
        clearInterval(timer);
    }, function(){
        start();
    });
    $last.hover(function(){
        clearInterval(timer);
    }, function(){
        start();
    });
    $next.hover(function(){
        clearInterval(timer);
    }, function(){
        start();
    });

    function start(){
        timer = setInterval(function(){
            if(index == $sliderImgLi.length){
                $sliderImg.css('left', 0);
                index = 0;
            }
            index++;
            switchImg(index);
            
        }, 4000);
    }

    start();


    function switchImg(index){
        $sliderImg.animate({
            left: -imgWidth*index
        }, 500);
    }

    $last.on('click',function(){
        if(index == 0){
            index = 4;
        }
        index--;
        switchImg(index);
    });

    $next.on('click',function(){
        index++;
        if(index == 4){
            index = 0;
        }
        switchImg(index);
    });


    //var html=[];
    //$.ajax({
    //    "method":"get",
    //    "url":"../data/data.json"
    //}).success(function(data){
    //    console.log(data);
    //    if(data.status === '000000'){
    //        for(var d in data.detail){ //for...in... for(var i=0; i<object.length; i++)
    //            var title = data.detail[d].title;
    //            var source = data.detail[d].source;
    //            html.push('<li>'+title+'</li>');
    //
    //            $('.banner-two').html(html.join(''));
    //
    //            $(".banner-two li").on("click", function(){
    //
    //                var html=22
    //                layer.open({
    //                    type: 1,
    //                    skin: 'layui-layer-rim', //加上边框
    //                    area: ['420px', '240px'], //宽高
    //                    content: html
    //                });
    //            })
    //
    //        }
    //        //console.log(html);
    //
    //
    //    }else{
    //        alert('err');
    //    }
    //
    //}).error(function(error){
    //    console.info(error);
    //});

    //;(function($){
        var oNext=$('#xLeft');
        var oPre=$('#xRight');
        var aShow=$('#xShow ul');
        var now=0;

        oPre.click(function(){
            now++;
            aShow.hide();
            if(now==aShow.length){
                now=0;
            }
            aShow.eq(now).show();
        });

        oNext.click(function(){
            now--;
            aShow.hide();
            if(now==-1){
                now=aShow.length-1;
            }
            aShow.eq(now).show();
        });

    //})(jQuery);

        $(".control .show").click(function(){
            $(".power .bottom").slideDown();
            $(this).hide();
            $(".power .hide").show();
        })

        $(".control .hide").click(function(){
            $(".power .bottom").slideUp();
            $(this).hide();
            $(".power .show").show();
        })


});
